<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/Normalize.css">
    <link rel="stylesheet" href="./libs/font/iconfont.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/main-search.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./libs/swiper-bundle.min.css">
</head>
<body>
   <header></header>
   <div class="main-search"></div>
   <nav></nav>
    <main>
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="./img/bg2.jpg" alt=""></div>
              <div class="swiper-slide"><img src="./img/bg1.jpg" alt=""></div>
              <div class="swiper-slide"><img src="./img/bg3.jpg" alt=""></div>
              <!-- <div class="swiper-slide">Slide 4</div>
              <div class="swiper-slide">Slide 5</div>
              <div class="swiper-slide">Slide 6</div>
              <div class="swiper-slide">Slide 7</div>
              <div class="swiper-slide">Slide 8</div>
              <div class="swiper-slide">Slide 9</div> -->
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
        </div>
    </main>
   <div class="brand">
        <div>
            <span>本月热门品牌</span>
            <div class="brand-box">
                <div>
                <img src="./img/brand1.png" alt="">
                <img src="./img/dr.png" alt="">
                <img src="./img/lv.png" alt="">
                <img src="./img/brand2.png" alt="">
                <img src="./img/brand3.png" alt="">
            </div>
            </div>
        </div>
   </div>

   <div class="recommend">
    <div class="recommend-box">
        <span>热门推荐</span>
        <div> </div>
        <div class="bbox">
            <img src="./img/bbg1.png" alt="">
            <img src="./img/bbg2.png" alt="">
            <img src="./img/bbg3.png" alt="">
            <img src="./img/bbg4.png" alt="">
            <img src="./img/bbg5.png" alt="">
        </div>
    </div>
   </div>

   <div class="sunscreen">
        <div class="sunscreen-box">
          <span>防晒推荐</span>
          <div class="suntop">
            <a href="#"><img src="./img/fs1.png" alt=""></a>
            <a href="#"><img src="./img/fs2.png" alt=""></a>
          </div>
          <div class="sunbotm">
            <ul class="ul1"></ul>
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            <!-- <dl> -->
              <!-- <dt><img src="./img/shopping.jpg.png" alt=""></dt>
              <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
              <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd> -->
            <!-- </dl> -->
            
          </div>
        </div>
   </div>
   <!-- <div class="sunscreen">
    <div class="sunscreen-box">
      <span>2021面膜季</span>
      <div class="suntop">
        <a href="#"><img src="./img/mmo1.png" alt=""></a>
        <a href="#"><img src="./img/mmo2.png" alt=""></a>
      </div> 
      <div class="sunbotm">
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        <dl>
          <dt><img src="./img/mm1.png" alt=""></dt>
          <dd>特-韩国re:cipe 沁润多效水晶防晒霜SPF50+（30ml）</dd>
          <dd>批发价： <span class="iconfont icon-gouwuchekong"></span></dd>
        </dl>
        
      </div>
    </div>
</div> -->

    <footer></footer>
   <script src="./libs/swiper-bundle.min.js"></script>
   <script>
    //   var swiper = new Swiper(".mySwiper", {
    //     cssMode: true,
    //     navigation: {
    //       nextEl: ".swiper-button-next",
    //       prevEl: ".swiper-button-prev",
    //     },
    //     pagination: {
    //       el: ".swiper-pagination",
    //     },
    //     mousewheel: true,
    //     keyboard: true,
    // });
  </script>
  <script src="./libs/require.js" data-main="./js/main.js"></script>
   <!-- <script>
       $('header').load('./html/header.html')
       $('.main-search').load('./html/main-search.html')
       $('nav').load('./html/nav.html')
       $('footer').load('./html/footer.html')
   </script> -->
   <script src="./js/pAjax.js"></script>
   <script src="./js/shoppinglist.js"></script>
</body>
</html>